﻿/// <reference path="jquery-2.1.1.js" />


if (!Modernizr.svg) {
    $('img[src*="svg"]').attr('src', function () {
        return $(this).attr('src').replace('.svg', '.png');
    });
}

//幻灯图
//$("#slider").bbiSlider({
//    delay: 5000,
//    prevNext: false
//});



//社交图标动画
$('.social a.animated').hover(function () {
    $(this).addClass('bounce');
}, function () {
    $(this).removeClass('bounce');
});

//$('.social a.weixin').hover(function () {
//    $(this).children('.qrcode').fadeIn();
//}, function () {
//    $(this).children('.qrcode').fadeOut();
//});


$(function () {
    var winheight = $(window).height(); 
    $("#video-container").height(winheight);
    
    $(window).resize(function (e) {
        winheight = $(this).height();
     //   alert(winheight);
        $("#video-container").height(winheight);
    });

   
    $("#nav-trigger").click(function () {
        //  alert("dfdsf");
        if ($(this).hasClass('open')) {
            $(this).removeClass('open').addClass('close');
            $('#nav-overlying').addClass('flipInY').fadeIn(1000, function () {
                $(this).removeClass('flipInY');
            });
        } else {
            $(this).removeClass('close').addClass('open');
            $('#nav-overlying').addClass('flipOutY').fadeOut(1000, function () {
                $(this).removeClass('flipOutY');
            });
        }
       
    });
  

    //$('.openav a').click(function (e) {
    //    e.preventDefault();
    //    $('#nav-overlying').addClass('flipInY').fadeIn(1000,function () {
    //        $(this).removeClass('flipInY');
    //    });
    //});

    //关闭导航层
    //$('.overlying a.close').click(function (e) {
    //    e.preventDefault();
    //    $('#nav-overlying').addClass('flipOutY').fadeOut(1000, function () {
    //        $(this).removeClass('flipOutY');
    //    });
    //});

    //$('.encircle a').click(function (e) {
    //    e.preventDefault();

        //var topHeight = $("#video-container").outerHeight();
        //$('html body').animate({ scrollTop: topHeight }, 600);

    //    $('html, body').animate({
    //        scrollTop: $($.attr(this, 'href')).offset().top
    //    }, 800);
    //});


    // 鼠标经过产品动画
    $('#lastproductlist a.item, #productlist a').hover(function () {
        $(this).children('div.roll').stop().animate({ 'top': '0' },600);
    }, function () {
        $(this).children('div.roll').stop().animate({ 'top': '100%' }, 600);
    })

    //过滤产品 ===================================================================
    $('#filter li').on('click', 'a', function (e) {

        var filterValue = $(this).attr('data-filter');

        $('#productlist .item').not(filterValue).removeClass('zoomIn').addClass('zoomOut').hide(500);
        // $(filterValue).siblings().addClass('zoomOut');
        //  $(filterValue).siblings().hide(500);

        var i = 0
        $(filterValue).each(function () {

            // if ($(this).hasClass('zoomOut')) {                                             
            // }
            var that = this;

            if (!$(that).is(':visible')) {
                var timer = i * 300;

                setTimeout(function () {
                    $(that).show().removeClass('zoomOut').addClass('zoomIn');
                }, timer);

                i++;
            }

        });
        $('#filter li a.active').removeClass("active");
        $(this).addClass('active');

        e.preventDefault();
    });

    //
    $('#page-welcome .logo a,.encircle a').click(function (e) {
        $('html, body').animate({
            scrollTop: $($.attr(this, 'href')).offset().top
        }, 800);

        /* Fix jumping of navigation. */
        setTimeout(function () {
            $(window).trigger('scroll');
        }, 900);

        e.preventDefault();
    });
    
});


